<script>

function mascara(o,f){
    v_obj=o
    v_fun=f
    setTimeout("execmascara()",1)
}

function execmascara(){
    v_obj.value=v_fun(v_obj.value)
}


function telefone(v){
    v=v.replace(/\D/g,"")                 //Remove tudo o que não é dígito
    v=v.replace(/^(\d\d)(\d)/g,"($1) $2") //Coloca parênteses em volta dos dois primeiros dígitos
    v=v.replace(/(\d{4})(\d)/,"$1-$2")    //Coloca hífen entre o quarto e o quinto dígitos
    return v
}

function cpf(v){
    v=v.replace(/\D/g,"")                    //Remove tudo o que não é dígito
    v=v.replace(/(\d{3})(\d)/,"$1.$2")       //Coloca um ponto entre o terceiro e o quarto dígitos
    v=v.replace(/(\d{3})(\d)/,"$1.$2")       //Coloca um ponto entre o terceiro e o quarto dígitos
                                             //de novo (para o segundo bloco de números)
    v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2") //Coloca um hífen entre o terceiro e o quarto dígitos
    return v
}

function rg(v){
    v=v.replace(/[IVXLCDM]/g,"") //Remove tudo o que não for I, V, X, L, C, D ou M
    v=v.replace(/(\d{2})(\d)/,"$1.$2")       //Coloca um ponto entre o segundo e o terceiro dígitos
    v=v.replace(/(\d{3})(\d)/,"$1.$2")       //Coloca um ponto entre o terceiro e o quarto dígitos
    v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2")       //Coloca um hífen entre o segundo e o terceiro dígitos

    return v
    
}

</script>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			<title>Formulário para banco de dados</title>
	</head>
<body>
	<h1 align="right"><font size=2>
		<img src="images/logoPsicoJunior.png" alt="Psico Junior"></img>
		<br />
		Associação Civil Psico Junior Projetos e Consultoria
		<br />
		Projeto Inclusão
	</font>
	</h1>
	<center>
		<ul>
			<li>Questões que exigem respostas obrigatórias estão marcadas com um asterisco (*)</li>
			<li>Questões para a <font color="blue">busca</font> estão em <font color="blue">azul</font>.</li>
		</ul> 
	</center>
	<br /><br />

<form method="post" action="../controllers/GerenciadorCandidato.php"/>
	<font color="blue">(*)NOME COMPLETO &nbsp<input type="text" name="Nome" /></font>
		<br /><br />
		(*)E-MAIL &nbsp<input type="text" name="Email" />
		<br />
		(*)CONFIRMAÇÃO DE E-MAIL (redigite seu e-mail) &nbsp<input type="text" name="Email2" />
		<br /><br />
	<font color="blue">(*)IDADE &nbsp<input type="text" name="Idade" /></font>
		<br /><br />
		(*)DATA DE NASCIMENTO

		<select name="dataNascimentoDia">
			<option value=""></option>
			<?php 
				for($i = 1; $i <= 31; $i+= 1){ 
					echo "<option value='$i'>$i</option>";
				}
			?>
		</select>
		<select name="dataNascimentoMes">
			<option value=""></option>
			<?php 
				for($i = 1; $i <= 12; $i+= 1){ 
					echo "<option value='$i'>$i</option>";
				}
			?>
		</select>
		<select name="dataNascimentoAno">
			<option value=""></option>
			<?php 
				for($i = 1980; $i <= 2010; $i+= 1){ 
					echo "<option value='$i'>$i</option>";
				}
			?>
		</select>

		<br /><br />
		(*)SEXO <br /> &nbsp&nbsp&nbsp
	<input type="radio" name="Sexo" value="Masculino" /> Masculino
		<br /> &nbsp&nbsp&nbsp
	<input type="radio" name="Sexo" value="Feminino" /> Feminino
		<br /><br />
		ESTADO CIVIL&nbsp
	<select name="EstadoCivil">
		<option> </option>
		<option value="Solteiro(a)">Solteiro(a)</option>
		<option value="Casado(a)">Casado(a)</option>
		<option value="Separado(a)">Separado(a)</option>
		<option value="Divorciado(a)">Divorciado(a)</option>
		<option value="Viuvo(a)">Viúvo(a)</option>
	</select>
		<br /><br />
		<label for="itelefone">(*)TELEFONE RESIDENCIAL: &nbsp    <input name="TelefoneResidencial" onkeypress="mascara(this,telefone)" maxlength="14" size="11"/></label><br />

		<label for="itelefone">(*)TELEFONE CELULAR: &nbsp    <input name="TelefoneCelular" onkeypress="mascara(this,telefone)" maxlength="14" size="11" /></label><br />
		OUTRO: &nbsp
	<input type="text" name="OutrosTelefones" onkeypress="mascara(this, telefone)" size="11" maxlength="14" />
		<br /><br /> 
		<font color="blue"><label for="irg">(*)RG: &nbsp <input name="RG" maxlength="12" size="12" /></label><br /></font>
		<!--<font color="blue"><label for="irg">(*)RG: &nbsp <input name="RG" onkeypress="mascara(this,rg)" maxlength="12" size="12" /></label><br /></font>-->
	<font color="blue"><label for="icpf">(*)CPF: &nbsp
	<input name="CPF" maxlength="14" size="11" /></label></font>
        <!--<input name="CPF" onkeypress="mascara(this,cpf)" maxlength="14" size="11" /></label></font>-->
<br /><br />
	<input type="submit" value ="Proximo">
</form> 
</body>
</html>
